/* CSS Document */

@charset "utf-8";

body{

	font-family:"微软雅黑";

	margin:0;

	padding:0;

	background:#ffffff;

	font-size:12px;

	color:#333333;



}

div,form,p,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{

	margin:0;

	padding:0;

	border:0;

	font-weight:normal;

}

ul,ol,li {list-style-type:none;}

table,td,tr,th,input,select{font-size:12px; outline:none;}

input {font-family:Arial;}

i {font-size:14px;color:red;font-style:normal;margin:0 5px;}

/*link*/

a:link {color:#333;text-decoration:none}

a:visited {color:#000;text-decoration:none;}

a:hover {color:#bc2931;text-decoration:none;}

a:active {color:#bc2931;}

/*font*/

.f12{font-size:12px;}

.f14{font-size:14px;}

.fl18{font-size: 29px;float: left;width: 133px;font-weight: bold;}

.fb{font-weight:800;}

.fl{float:left;}

.fr{float:right;}

.f300{font-weight:400;}

.p10{padding:10px;}

.p15{padding:15px;}

.p20{padding:20px;}

.clear { float:none;}





.text_right{text-align:right;}

.text_left{text-align:left;}

.text_center{text-align:center;}

/*area*/

#head,#main,#nav,#friend{

	width:1920px;

	margin:0 auto;}

.waps{width:1080px; margin:0 auto; position:relative;}



/*qq css*/

.main-im{ position:fixed; right: 10px; top:100px; z-index: 100; width: 110px; height: 272px; }

.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }

.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }

.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }

.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/qq-icon-bg.png) no-repeat center 8px; }

.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; }

.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB; display:block;}

.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: 105px; border-bottom: 1px solid #dddddd; }

.main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;margin-top:11px;}

.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15;}

.main-im .im_main .im-tel:hover { background: #fafafa; }

.main-im .im_main .weixing-container {width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/weixing-icon.png) no-repeat center center;float:left;}

.main-im .im_main .weixing-show {width: 112px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -126px; }

.main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2;}

.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px; position: absolute; }

.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }

.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto; text-align:center;}

.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/toTop-icon.png) no-repeat center center;float:right;}



.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }

.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }

.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top; }

.main-im .close-im a:hover { text-decoration: none; }

.main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(../images/open_im.png) no-repeat left top; display:none; }







/*top*/

.top{height: 29px;line-height: 29px;margin:0 auto;color: #323232;background:url(../images/top_02.jpg) repeat-x center;}

.top dl dt{ float:left; }

.top dl dd{ float:right;}

.top dl dd a{color: #323232;margin:0 5px;}





/*header*/

.header{width:100%;height: 136px;}

.logo{float:left;width: 778px;margin-top: 17px;}

.logo h1{padding-top: 26px;}

.logo h1 img{ width:194px; height:73px;}

.logo dt{ float:left;}

.logo dd{float:left;font-size:18px;margin: 31px 0 0 19px;}

.logo dd b{

    color: #185ABB;

    font-weight: bold;

    font-size: 20px;

}

.logo dd p{font-size: 18px;display:block;/* color:#ca9f1f; *//* font-weight: bold; */margin-top:5px;}

.header .phone{width: 240px;float:right;background: url(../images/head-tell_09.jpg) no-repeat left;padding-left: 60px;height: 65px;padding-top: -1px;font-size: 14px; /*! padding-top: 26px; *//* font-weight: bold; */margin-top: 45px;/* color: #007b09; */}

.header .logo dd b span{font-size: 23px;color: #4bb618;}

.header .phone span{font-size: 22px;color: #1A5ABE;}

/*nav*/



.another{ background:#00368a; }



.nav{width:100%;background:url(../images/nav_14.jpg) repeat-x;height: 46px;line-height: 46px;}



.nav ul li{float:left;font-size:14px;padding: 0px 25px;text-align:center;background:url(../images/nav-b_14.jpg) right no-repeat;}



.nav ul li a{ color:#FFF; text-align:center; }



.nav ul li:hover,.nav ul li.another{ background:#00368a; center no-repeat;text-align:center;/* width: 94px; *//* padding-right:8px; */padding: 0px 25px;}



.nav .another{ background:#00368a;}









.footer{background:url(../images/foot_142.jpg) repeat-x;color: #F3F3F3;height: 279px;/* margin-top: -42px; */}

.footer .logo{ width:230px; height:237px;}

.footer-nav{height: 40px;/* border-bottom: 1px #fff solid; */position: absolute;top: 25px;width: 1080px;}

.footer-nav li{float:left;line-height: 17px;padding: -4px 2px 0px 0px;}

.footer-nav a{color:#e2e2e2;font-size:14px;padding: 0px 24px;display:inline-block;}

.footer-nav a:link {color:#e2e2e2;text-decoration:none}

.footer-nav a:visited {color: #FFFFFF;text-decoration:none;}

.footer-nav a:hover{color: #F1F1F1;}

.footer-R {color: #FFFFFF;height: 140px;position: absolute;top: 103px;/* margin: 0 auto; */text-align: center;left: 233px;line-height: 26px;}

.footer-R a:link{color: #FFFFFF;display:inline-block;}

.footer-R a:visited{color: #FFFFFF;}

.footer-R a:hover{color:#FF0000; text-decoration:none;}